import 'package:flutter/material.dart';
import 'package:meal/constant/sizes.dart';
import 'package:meal/ui/draw_under_line.dart';
import 'package:meal/utils/colors.dart';
import 'package:meal/utils/styles.dart';
import 'package:meal/utils/tools.dart';

class TransferInfo extends StatefulWidget {
  const TransferInfo({Key? key}) : super(key: key);

  @override
  State<TransferInfo> createState() => _TransferInfoState();
}

class _TransferInfoState extends State<TransferInfo> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: ToolsUtils.getDefaultBrnAppBar('转账详情'),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(Sizes.default20),
        child: Column(
          children: [
            Container(
              height: Sizes.default50,
              alignment: Alignment.center,
              child: Text(
                '￥1,000.00',
                style: StylesUtils.customTextStyle(
                    fontSize: Sizes.default28, color: ColorsUtils.colorFf0),
              ),
            ),
            Container(
              alignment: Alignment.center,
              child: Text(
                '转账中/转账失败/转账成功/订单取消/交易关闭',
                style: StylesUtils.customTextStyle(color: ColorsUtils.color797),
              ),
            ),
            SizedBox(
              height: Sizes.default30,
              child: DrawUnderLine(
                color: ColorsUtils.parseColorFromHexString('#D7D7D7'),
                child: Container(),
              ),
            ),
            Container(
              margin: const EdgeInsets.only(top: Sizes.default30),
              height: Sizes.default40,
              child: Row(
                children: [
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '转账说明',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color333),
                    ),
                  )),
                  Expanded(
                    flex: 3,
                    child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '转账',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797),
                      ),
                    ),
                  )
                ],
              ),
            ),
            SizedBox(
              height: Sizes.default40,
              child: Row(
                children: [
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '对方账户',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color333),
                    ),
                  )),
                  Expanded(
                    flex: 3,
                    child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        'xiaoming (136****678)',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797),
                      ),
                    ),
                  )
                ],
              ),
            ),
            Container(
              height: Sizes.default40,
              margin: const EdgeInsets.only(top: Sizes.default20),
              child: Row(
                children: [
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '付款方式',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color333),
                    ),
                  )),
                  Expanded(
                    flex: 3,
                    child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '账户余额',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797),
                      ),
                    ),
                  )
                ],
              ),
            ),
            SizedBox(
              height: Sizes.default40,
              child: Row(
                children: [
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '交易时间',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color333),
                    ),
                  )),
                  Expanded(
                    flex: 3,
                    child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '2023-02-10 12:45:30',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797),
                      ),
                    ),
                  )
                ],
              ),
            ),
            SizedBox(
              height: Sizes.default40,
              child: Row(
                children: [
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '交易单号',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color333),
                    ),
                  )),
                  Expanded(
                    flex: 3,
                    child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '41220211119135924002',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797),
                      ),
                    ),
                  )
                ],
              ),
            ),
            SizedBox(
              height: Sizes.default40,
              child: Row(
                children: [
                  Expanded(
                      child: Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '备注',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color333),
                    ),
                  )),
                  Expanded(
                    flex: 3,
                    child: Container(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '已经完成交易-请收下',
                        style: StylesUtils.customTextStyle(color: ColorsUtils.color797),
                      ),
                    ),
                  )
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
